<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS选择器</title>
<!--
	css选择器用于匹配选择页面中的标签
	html的每个标签中，都有id属性，id表示标签的唯一标识
	html的每个标签中，都有class属性，class表示一类标签
	id选择器：通过id属性匹配标签，格式为#id
	class选择器：通过class属性匹配标签，格式为.class
	标签选择器：通过标签名匹配标签，格式为标签名
	群组选择器：通过一组选择器匹配标签，格式为选择器1,选择器2,...
	全局选择器：匹配页面所有标签，格式*
-->
<style type="text/css">
	#testId{color: red; font-weight: bolder;}
	.testClass{font-size: 32px; text-align: center;}
	h2{text-align: center;}
	h2,#testId,.testClass{color: blue;}
	*{border: 1px solid #000;}
</style>
</head>
<body>
	<h2>冬夜读书示子聿</h2>
	<p id="testId">宋代•陆游</p>
	<p class="testClass">古人学问无遗力</p>
	<p>少壮工夫老始成</p>
	<p>纸上得来终觉浅</p>
	<p class="testClass">绝知此事要躬行</p>
</body>
</html>